<template>
	<view class="setting-page">
		<NavBar title="设置"/>
		<view class="settings">
			<view class="item align-center" @tap="nav('/pages/setting/updateInfo')">
				<view class="label"> 修改信息 </view>
				<wd-icon name="arrow-right" size="14px"></wd-icon>
			</view>
			<view class="item align-center" @tap="nav('/pages/setting/updatePWD')">
				<view class="label"> 修改密码 </view>
				<wd-icon name="arrow-right" size="14px"></wd-icon>
			</view>
		</view>
	</view>
</template>

<script setup>
	import NavBar from '@/components/NavBar.vue';
	const nav = (url) => {
		uni.navigateTo({ url })
	}
</script>

<style lang="scss" scoped>
	.setting-page {
		padding: 20rpx 24rpx;
		.settings {
			padding: 0 20rpx;
			border-radius: 20rpx;
			background-color: #fff;
			.item {
				height: 88rpx;
				justify-content: space-between;
				&:nth-of-type(1) {
					border-bottom: 1px solid #f8f8f8;
				}
			}
		}
	}
</style>
